<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>北邮风流</title>
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.min.css">
    <link rel="stylesheet" href="css/demos.css">
    <script src="js/jquery-2.1.4.js"></script>
    <script src="js/registercheck.js"></script>
    <script src="js/jquery-weui.min.js"></script>
</head>

<body ontouchstart>
    <header class="demos-header">
        <div class="weui-msg__icon-area" align="center"><img src="bupt_logo.jpg" alt="BUPT" width="150" height="150" ></div>
        <h1 class="demos-title">用户注册</h1>
    </header>
    <div class="weui-cells weui-cells_form" >
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">用户名</label></div>
            <div class="weui-cell__bd">
              <input class="weui-input" type="text" name="name" id="username" placeholder="用户名由6-20位数字、英文字母组成">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">注册邮箱</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="email" name="e-mail" id="email" placeholder="请输入注册邮箱">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">注册密码</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="password" name="psw1" id="psw1" placeholder="密码以字母开头，由6-20位数字、字母、点、下划线组成">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-progress">
                <div class="weui-progress__bar" style="width: 400px">
                <div class="weui-progress__inner-bar js_progress"  id="pswbar" style="width: 0"></div>
                </div>
            </div>
            <div class="weui-cells__tips">
                密码强度：<span id="pswstrong"></span>
            </div>

        </div>

        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">确认密码</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="password" name="psw2" id="psw2" placeholder="请再次输入密码">
            </div>
        </div>
        <div class="weui-cells__tips">
            <span id="checkinfo" class="weui-check__label">请检查信息是否填写正确</span>
        </div>
        <a href="javascript:" class="weui-btn weui-btn_primary" id="regcheck">注册</a>
        <div class="weui-cells__tips"><a href="LogIn.html" >已有账号？点这里赶快登录</a></div>
    </div>

    <div class="weui-footer">
        <p class="weui-footer__links">
            <a href="LogIn.html" class="weui-footer__link">北邮风流</a>
        </p>
        <p class="weui-footer__text">Made by AlenZhon 2017.7</p>
    </div>
</body>
</html>
